.head {
    @include space-between;
    background-color: #F9F9FA;
    padding: 30rpx;
}

.month {
    font-size: $font-normal;
    font-weight: bold;
    display: flex;
    align-items: center;

    .triangle {
        top: 4rpx;
        left: 6rpx;
    }
}

.icon-container {
    position: relative;
    z-index: 999;
}

.statistics {
    margin-top: 20rpx;
    color: $grey;

    &-num {
        color: #646A73;
        font-weight: bold;
    }
}

.export-btn.mini-btn {
    width: 151rpx;
    height: 72rpx;
    background: $green;
    color: white;
    font-size: $font-normal;
    padding: 0;
}

.bill-list {
    padding: 0 30rpx;
}

.bill {
    display: flex;
    justify-content: space-between;
    padding: 30rpx 0;
    border-bottom: 1px solid #EFF2F5;

    &-date {
        font-size: $font-small;
        color: $grey;
    }

    &-people {
        font-size: $font-normal;
        font-weight: bold;
        margin-top: 6rpx;
    }

    &-price {
        color: $red;

        &-num {
            font-size: $font-normal;
            font-weight: bold;
        }
    }
}

.filter {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20rpx;
    border-radius: 16rpx;
    border: 2rpx solid #fafafa;
    padding: 12rpx 22rpx;
}

.moreimg {
    width: 24rpx;
    height: 24rpx;
}

.exportbtn {
    width: 100%;
    height: 96rpx;
    border-radius: 96rpx;
    background-color: #00D679;
    color: #ffffff;
    font-size: 32rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50rpx;
}

.reset-dialog .weui-half-screen-dialog__ft {
    display: none !important;
}

.reset-dialog .weui-half-screen-dialog__bd {
    padding-bottom: 0;
}

.pop-title {
    font-size: 28rpx;
    color: #565868;
    margin-bottom: 20rpx;
}

.typebox {
    margin-bottom: 44rpx;
    display: flex;
    flex-wrap: wrap;
    gap: 20rpx;

    .typeitem {
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 8rpx;
        flex-basis: calc(50% - 20rpx);
        height: 72rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2rpx solid #EEEEEE;
    }
}

.activecolorbac {
    font-weight: 500 !important;
    border: 2rpx solid rgba(0, 214, 121, 0.1) !important;
    background-color: rgba(0, 214, 121, 0.1);
    color: #00D679 !important;
}